<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1 id="show"></h1>
    <script>

        // 倒计时
        //    需要两个时间(当前时间，将来的某个时间)
        //    时间可以求减法  毫秒数
        //    把时间转化
        //    走动的时间


        var future = new Date('2022-12-23 10:22:0');

        djs(future , 'show') ;
        var t = setInterval(djs , 1000 , future , 'show') ;









        function djs(future , id) {
            var now = new Date();
            // var future = new Date('2023-1-1');
            // 时间差
            var gap = parseInt((future - now) / 1000);

            if(gap <= 0) {
                alert('活动结束了啊') ;
                clearInterval(t) ;
            } else {
                // 转化
                var d = parseInt(gap / (24 * 3600));
                var h = parseInt(gap % (24 * 3600) / 3600);
                var m = parseInt(gap % 3600 / 60);
                var s = gap % 60;

                var oShow = document.getElementById(id);
                oShow.innerHTML = '距离元旦还剩' + d + '天' + h + '小时' + m + '分钟' + s + '秒';
            }

           

        }
        

    </script>

</body>

</html>